<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>header</title>
	<link rel="stylesheet" type="text/css" href="../css/head.css">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<script src="../build/jquery.min.js"></script>
	<script src="../build/jquery-ui.min.js"></script>
</head>
<style type="text/css">
	#language-block,#login-block{
		width: 100%;
		height: 100px;
		background-color: white;
		/*background-color: #00BFFF;*/
		opacity: .7;
		position: absolute;
		top: 60px;
		left: 0;
		overflow: hidden;
		display: none;
	}
	#language-style,#login-style{
		/*border: 1px solid red;*/
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		height: 100px;
		display: none;
	}
	#language-style p,#login-style p{
		margin-left: 91%;
		margin-top: 20px;
	}
	#language-style p:hover,#login-style p:hover{
		color: deepskyblue;
	}
</style>
<body>
	<header>
		<div class="header_top">
			<div class="header_log">
				<img src="../img/logo.png" alt="图片不在了">
			</div>
			
			<ul>
				<li id="product"><a href="">产品<i class="icon iconfont">&#xe60a;</i></a></li>
				<li id="help"><a href="">帮助中心<i class="icon iconfont">&#xe60a;</i></a></li>
				<li id="cooperation"><a href="">合作<i class="icon iconfont">&#xe60a;</i></a></li>
				<li id="news"><a href="../news/news.html">新闻</a></li>
				<li id="about-us"><a href="../aboutus/aboutus.html">关于我们</a></li>
				<li class="navright" id="language"><a href="">语言<i class="icon iconfont">&#xe60a;</i></a></li>
				<li class="navright" id="login"><a href="">登录<i class="icon iconfont">&#xe60a;</i></a></li>
			</ul>
		
		</div>
		<div id="language-block" class="language-updown">
		</div>
		<div id="language-style" class="language-updown">
			<a href="" style="text-decoration: none;"><p>English</p></a>
			<a href="" style="text-decoration: none;"><p>中文</p></a>
		</div>
		
		<div id="login-block" class="login-updown">
		</div>
		<div id="login-style" class="login-updown">
			<a href="" style="text-decoration: none;"><p>登录</p></a>
			<a href="" style="text-decoration: none;"><p>忘记密码</p></a>
		</div>
		
		<div id="product-block" class="product-updown">
		</div>
		<div id="product-block-img" class="product-updown">
			<img src="../img/boke1.jpg"/>
			<img src="../img/banner_sdeno.png"/>
			<img src="../img/slide-01.jpg"/>
		</div>
		<div id="product-block-hover" class="product-updown">
			<a href="../product/product-littlemi.html"><div>小觅防丢器</div></a>	
			<a href="../product/product-robot.html"><div>小觅机器人</div></a>
			<a href="../product/product-life.html"><div>私生活app</div></a>
		</div>
		<div id="help-block"  class="help-updown">
			
		</div>
		<div id="help-block-img"  class="help-updown">
			<img src="../img/boke1.jpg"/>
		</div>
		<div id="help-block-hover"  class="help-updown">
			<a href="../helps/helps.html"><div>小觅常见问题</div></a>	
		</div>
		<div id="cooperation-block" class="cooperation-updown">
			
		</div>
		<div id="cooperation-block-img" class="cooperation-updown">
			<img src="../img/sdk_slide.jpg"/>
			<img src="../img/solution_slide.jpg"/>
			<img src="../img/gift_mynt_light.png"/>
		</div>
		<div id="cooperation-block-hover" class="cooperation-updown">
			<a href="../cooperate/developer.html"><div>开发者方案</div></a>
			<a href="../cooperate/solution.html"><div>防丢产品解决方案</div></a>
			<a href="../cooperate/customize.html"><div>企业礼品定制</div></a>
		</div>
	</header>
</body>
<script src="../build/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(function(){
		$("#product").mouseenter(function(){
			$(".product-updown").slideToggle("slow");
			$(".help-updown").slideUp("slow");
			$(".cooperation-updown").slideUp("slow");
			$(".language-updown").slideUp("slow");
			$(".login-updown").slideUp("slow");
		});
		$("#help").mouseenter(function(){
			$(".help-updown").slideToggle("slow");
			$(".product-updown").slideUp("slow");
			$(".cooperation-updown").slideUp("slow");
			$(".language-updown").slideUp("slow");
			$(".login-updown").slideUp("slow");
		});
		$("#cooperation").mouseenter(function(){
			$(".cooperation-updown").slideToggle("slow");
			$(".help-updown").slideUp("slow");
			$(".product-updown").slideUp("slow");
			$(".language-updown").slideUp("slow");
			$(".login-updown").slideUp("slow");
		});
		$("#language").mouseenter(function(){
			$('.language-updown').slideToggle("slow");
			$(".help-updown").slideUp("slow");
			$(".product-updown").slideUp("slow");
			$(".cooperation-updown").slideUp("slow");
			$(".login-updown").slideUp("slow");
		});
		$("#login").mouseenter(function(){
			$('.login-updown').slideToggle("slow");
			$(".help-updown").slideUp("slow");
			$(".product-updown").slideUp("slow");
			$(".cooperation-updown").slideUp("slow");
			$(".language-updown").slideUp("slow");
		});

	})
</script>
</html>